
// $("#video1").attr("src","http://7xntg1.com1.z0.glb.clouddn.com/V50620-170754.mp4");
// 基础函数：验证邮箱函数
var check_email = /^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/;  //邮箱
var check_phone =  /^1\d{10}$/;  //手机 11位数字，以1开头。
function checkType(type,str){
    if(type.test(str)){
    	return true;
    }else{
        return false;
    }
}
function check(name){
  var cont=$("#"+name).val();
  if (cont == "") {
    $("#"+name+"_error").text("带*不能为空哦！");
  }else{
    $("#"+name+"_error").text("*");
  };
}
function checkTel(name){
  var cont=$("#"+name).val();
  if (cont !="") {
    if(!checkType(check_phone,cont)){
      $("#"+name+"_error").text("请输入正确的手机号！");
    }else{
      $("#"+name+"_error").text("");
    }
  }else{
    $("#"+name+"_error").text("");
  }
}
function teb_edit(name){
  $(".teb").removeClass("active");
  $("#one"+name).addClass("active");
  $(".step").hide();
  $("#con_one_"+name).show();
  if (name==3) {
    uptoken();
  }
}
setTimeout(function(){
  $("#container_music div").css("top","20px");
},3000)
//音乐
  $.ajax({
    type:"GET",
    url:"/api/v1/music",
    success:function(data){

      var music = data.result;
      for (var i = music.length - 1; i >= 0; i--) {

        if (music[i].id!=$("#selectMusic").val()) {
          var tpl = '<option music="'+music[i].dir+'" value="'+music[i].id+'" >'+music[i].singer+'-'+music[i].name+'</option>';
          $("#selectMusic").append(tpl);
        }else{
          var tpl = '<option music="0" value="0">---选择---</option>';
          $("#selectMusic").prepend(tpl);

          $("#selectMusic option:selected").attr("music",music[i].dir);
          $("#music_player").attr("src",music[i].dir);
        }
      }
    }
  })
//选择音乐 
function music_change(){
  $("#music_player").attr("src",$("#selectMusic option:selected").attr("music"));
}

var uptoken;
function uptoken(){
  $.ajax({
    type:"GET",
    url:"/api/qiniu/token",
    success:function(data){
     uptoken=data.result;
    }
  })
}
uptoken();

//数据初始化：模板
$.ajax({
  type: "GET",
  url:'/api/v1/category',
  success: function(data) {
    var date = data.result;
    date.forEach(function(e){
      // 编辑喜帖页面：模板分类
      var category_edit = '<li class="category_edit" category="'+e.id+'" id="category_edit'+e.id+'">'+e.name+'</li>';
      $("#category_edit").append(category_edit);
      var model_cont_edit = '<div class="model-body" id="model_cont_edit'+e.id+'" style="display:none"></div>'
      $("#model_cont_edit").append(model_cont_edit);
    })

    $(".category_edit").on("click",function(){
      var category = $(this).attr("category");
      $(this).siblings().removeClass('active');
      $(this).addClass('active');
      $("#model_cont_edit"+category).siblings().css("display","none");
      $("#model_cont_edit"+category).show();
    })

    var category_active = $("#category_edit").attr("category");
    $("#category_edit"+category_active).addClass('active');
    $("#model_cont_edit"+category_active).show();

    //数据初始化：模板风格，编辑喜帖---显示模板+生成模板二维码
    $.ajax({
        type: "GET",
        url:'/api/v1/model',
        success: function(data) {
          var allmodel = data.result;
          for (var i = 0;i<allmodel.length ; i++) {
             var modelhtml = '<div class="model-body-boxes left" model = "'+allmodel[i].model_id+'"id="model-body-boxes'+allmodel[i].model_id+'"">\
                               <img src="'+allmodel[i].img_dir+'">\
                               <p>'+allmodel[i].name+'</p>\
                               <div class="model-code-hid" >\
                                   <div class="qrcode" demo_id="'+allmodel[i].demo_id+'" id="model_qrcode_'+allmodel[i].dir_name+'"></div>\
                                   <p>手机扫二维码<br/>即可观看效果</p>\
                               </div>\
                            </div>';
            $("#model_cont_edit"+allmodel[i].category_id).append(modelhtml);
          }
          var model_active = $("#category_edit").attr("model");
          $("#model-body-boxes"+model_active).addClass('active');

          $(".model-body-boxes").on("click",function(){
            $(".model-body-boxes").removeClass('active');
            $(this).addClass('active');
          })
          //生成模板的二维码
          $(".qrcode").each(function(){
            var url = 'http://chinalove99.net:83/invitation/'+$(this).attr('demo_id');
            $(this).qcode({  
                text : url,  
                type : 'cn',  
                width : 100,  
                height : 100  
            })
          })
        }
    });
  }
})

setTimeout(function(){
  var head_num = 1;
  //头像
  var uploader_head = Qiniu.uploader({
          runtimes: 'html5,flash,html4',    //上传模式,依次退化
          browse_button: 'pickfiles_head',       //上传选择的点选按钮，**必需**
          //uptoken_url: '/api/qiniu/token',
              //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
          uptoken : uptoken,
              //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
          // unique_names: true,
              // 默认 false，key为文件名。若开启该选项，SDK会为每个文件自动生成key（文件名）
          // save_key: true,
              // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK在前端将不对key进行任何处理
          domain: 'http://7xntg1.com1.z0.glb.clouddn.com/',
              //bucket 域名，下载资源时用到，**必需**
          container: 'container_head',           //上传区域DOM ID，默认是browser_button的父元素，
          max_file_size: '20mb',           //最大文件体积限制
          flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
          max_retries: 3,                   //上传失败最大重试次数
          dragdrop: true,                   //开启可拖曳上传
          drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
          chunk_size: '4mb',                //分块上传时，每片的体积
          auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
          filters: {
                      mime_types : [ //只允许上传图片和zip文件
                        { title : "Image files", extensions : "jpg,gif,png" }, 
                        { title : "Zip files", extensions : "zip" }
                      ],
                      max_file_size : '20mb', //最大只能上传20mb的文件
                      prevent_duplicates : true //不允许选取重复文件
                    },
          init: {
              'FilesAdded': function(up, files) {
                plupload.each(files, function(file) {
                  console.log(file.type);
                  if (head_num > 1) {
                    alert("此处只能上传一张图片！请重新上传");
                    $("#head_pic").show();
                    $(".head_state").hide();
                    $("#prograss").hide();
                    stop();
                     head_num = 1;
                  }else if(file.type=="image/jpeg"||file.type=="image/gif"||file.type=="image/png"){
                    console.log(file);
                    head_num++;
                    $("#head_pic").hide();
                    $(".head_state").show();
                    $("#prograss").show();
                  }else{
                    alert("图片格式错误！请重新上传");
                    $("#head_pic").show();
                    $(".head_state").hide();
                    $("#prograss").hide();
                    stop();
                     head_num = 1;
                  }
                    // 文件添加进队列后,处理相关的事情
                });
              },
              'BeforeUpload': function(up, file) {
                    // 图片预览函数
                    // function previewImage(file, callback) {//file为plupload事件监听函数参数中的file对象,callback为预览图片准备完成的回调函数 
                    //     if (!file || !/image\//.test(file.type)) return; //确保文件是图片
                    //     if (file.type == 'image/gif') {//gif使用FileReader进行预览,因为mOxie.Image只支持jpg和png
                    //         var fr = new mOxie.FileReader();
                    //         fr.onload = function () {
                    //             callback(fr.result);
                    //             fr.destroy();
                    //             fr = null;
                    //         }
                    //         fr.readAsDataURL(file.getSource());
                    //     } else {
                    //         var preloader = new mOxie.Image();
                    //         preloader.onload = function () {
                    //             preloader.downsize(300, 300);//先压缩一下要预览的图片,宽300，高300
                    //             var imgsrc = preloader.type == 'image/jpeg' ? preloader.getAsDataURL('image/jpeg', 80) : preloader.getAsDataURL(); //得到图片src,实质为一个base64编码的数据
                    //             callback && callback(imgsrc); //callback传入的参数为预览图片的url
                    //             preloader.destroy();
                    //             preloader = null;
                    //         };
                    //         preloader.load(file.getSource());
                    //     }
                    // }
                    // previewImage(file, function (imgsrc) {
                    //   $("#head_pic").attr("src",imgsrc);   //头像
                    //     // $('#file-' + files[i].id).append('<img width=\'140px\' height=\'120px\'  src="' + imgsrc + '" />');
                    // })

                    $("#prograss").html();
              },
              'UploadProgress': function(up, file) {
                  $("#prograss").html(file.percent+"%");
              },
              'FileUploaded': function(up, file, info) {
                    var domain = up.getOption('domain');
                    var res = JSON.parse(info);
                    var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                    model.head_dir=sourceLink;
                    $("#head_pic").attr("src",sourceLink+"?imageView2/1/w/400/h/400");   //头像
                    $(".head_state").hide();
                    $("#prograss").hide();
                    $("#head_pic").show();
              },
              'Error': function(up, err, errTip) {
                     //上传出错时,处理相关的事情
              },
              'UploadComplete': function() {
                head_num = 1;
              },
              'Key': function(up, file) {
              }
          }
  });
  //相册
  var wedding_album;
  var pic_num=0;
  var pic_num2=0;
  var uploader_pics = Qiniu.uploader({
      runtimes: 'html5,flash,html4',    //上传模式,依次退化
      browse_button: 'pickfiles_pics',       //上传选择的点选按钮，**必需**
      uptoken: uptoken,
      domain: 'http://7xntg1.com1.z0.glb.clouddn.com/',
      max_file_size: '100mb',           //最大文件体积限制
      flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
      max_retries: 3,                   //上传失败最大重试次数
      dragdrop: true,                   //开启可拖曳上传
      drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
      chunk_size: '4mb',                //分块上传时，每片的体积
      auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
      filters: {
                      mime_types : [ //只允许上传图片和zip文件
                        { title : "Image files", extensions : "jpg,gif,png" }, 
                        { title : "Zip files", extensions : "zip" }
                      ],
                      max_file_size : '20mb', //最大只能上传20mb的文件
                      prevent_duplicates : true //不允许选取重复文件
                    },
      init: {
          'FilesAdded': function(up, files) {
              plupload.each(files, function(file) {
                if (file.type=="image/jpeg"||file.type=="image/gif"||file.type=="image/png") {
                  // 文件添加进队列后,处理相关的事情
                  var tpl =  '<div class="img-boxes" id="'+pic_num+'" style="display:none">\
                                <img style="width:100%;" id="img_'+pic_num+'" src="/img/default.svg">\
                                <div class="prograss"></div>\
                              </div>';
                  $("#wedding_pics").append(tpl);
                   pic_num++;
                }else{
                  var name = file.name;
                  alert(name+"格式错误，请重新上传");
                  $("#wedding_pics").html('')
                  stop();
                }
              });
          },
          'BeforeUpload': function(up, file) {
            if (!pic_num) {$("#wedding_pics").html('');};
                 // 每个文件上传前,处理相关的事情
          },
          'UploadProgress': function(up, file) {
                $("#"+pic_num2).show();
                $("#"+pic_num2).children(".prograss").html(file.percent+"%");
                if (file.percent==100) {
                  $("#"+pic_num2).children(".prograss").hide();
                };
                 // 每个文件上传时,处理相关的事情
          },
          'FileUploaded': function(up, file, info) {
                 // 每个文件上传成功后,处理相关的事情
                 // 其中 info 是文件上传成功后，服务端返回的json，形式如
                 // {
                 //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                 //    "key": "gogopher.jpg"
                 //  }
                 // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
                 var domain = up.getOption('domain');
                 var res = JSON.parse(info);
                 var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                 $("#img_"+pic_num2).attr("src",sourceLink+"?imageMogr2/auto-orient/thumbnail/131896@");
                 pic_num2++;
          },
          'Error': function(up, err, errTip) {
                 //上传出错时,处理相关的事情
          },
          'UploadComplete': function() {
            
                 //队列文件处理完毕后,处理相关的事情
          },
          'Key': function(up, file) {
              // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
              // 该配置必须要在 unique_names: false , save_key: false 时才生效
              // var key = "123.jpg";
              // do something with key here
              // return key
          }
      }
  });
  //婚礼VCR
  var video_num = 1;
  var vcr_vedio;
  var uploader_vedio = Qiniu.uploader({
      runtimes: 'html5,flash,html4',    //上传模式,依次退化
      browse_button: 'pickfiles_vedio',       //上传选择的点选按钮，**必需**
      uptoken: uptoken,
          //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
      //uptoken : 'nxlplb4aOL9emGacuBXImfNz_2RRVA9vsS9024ke:1WUr0zI8HaGYw7DJ_NPT6SrBwmA=:eyJzY29wZSI6ImUtaW52aXRhdGlvbiIsImRlYWRsaW5lIjoxNDQ1OTM2MTI1fQ==',
          //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
      // unique_names: true,
          // 默认 false，key为文件名。若开启该选项，SDK会为每个文件自动生成key（文件名）
      // save_key: true,
          // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK在前端将不对key进行任何处理
      domain: 'http://7xntg1.com1.z0.glb.clouddn.com/',
          //bucket 域名，下载资源时用到，**必需**
      container: 'container_video',           //上传区域DOM ID，默认是browser_button的父元素，
      max_file_size: '1024mb',           //最大文件体积限制
      flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
      max_retries: 3,                   //上传失败最大重试次数
      dragdrop: true,                   //开启可拖曳上传
      drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
      chunk_size: '4mb',                //分块上传时，每片的体积
      auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
      init: {
          'FilesAdded': function(up, files) {
              plupload.each(files, function(file) {
                if (video_num > 1) {
                    alert("此处只能上传一个视频！请重新上传");
                    video_num = 1;
                    $("#video").hide();
                    $("#video_loading").hide();
                    
                    stop();
                  }else if (file.type!="video/mp4") {
                    var name = file.name;
                    alert(name+"格式错误，请重新上传");
                     video_num = 1;
                    $("#video").hide();
                    $("#video_loading").hide();
                    stop();
                   
                  }else{
                    $("#video").show();
                    $("#video_loading").show();
                    video_num++;
                  }
                  // 文件添加进队列后,处理相关的事情
              });
          },
          'BeforeUpload': function(up, file) {
                    $("#video").show();
                    $("#video_loading").children(".prograss").html();
                    $("#video_loading").show();
                // $("#state_vedio").html('<img style="width:30px;display:none" class="head_state" src="/img/default.svg">');
                 // 每个文件上传前,处理相关的事情
          },
          'UploadProgress': function(up, file) {
            $("#video_loading").children(".prograss").html(file.percent+"%");
                 // 每个文件上传时,处理相关的事情
          },
          'FileUploaded': function(up, file, info) {

            video_num = 1;
            $("#video_loading").hide();
                 // 每个文件上传成功后,处理相关的事情
                 // 其中 info 是文件上传成功后，服务端返回的json，形式如
                 // {
                 //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                 //    "key": "gogopher.jpg"
                 //  }
                 // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
                 var domain = up.getOption('domain');
                 var res = JSON.parse(info);
                 var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                 $("#video1").attr("src",sourceLink);
                 model.video_dir = sourceLink;
          },
          'Error': function(up, err, errTip) {
                 //上传出错时,处理相关的事情
          },
          'UploadComplete': function() {
                 //  $("#video1").attr("src",model.video_dir);
                 // $("#video2").attr("src",model.video_dir);
                 //队列文件处理完毕后,处理相关的事情
          },
          'Key': function(up, file) {
              // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
              // 该配置必须要在 unique_names: false , save_key: false 时才生效
              //var key = "123";
              // do something with key here
             // return key
          }
      }
  });
  // 婚礼视频， 
  var wedding_video_num = 1;
  var uploader_vedio = Qiniu.uploader({
      runtimes: 'html5,flash,html4',    //上传模式,依次退化
      browse_button: 'pickfiles_wedding_vedio',       //上传选择的点选按钮，**必需**
      uptoken: uptoken,
          //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
      //uptoken : 'nxlplb4aOL9emGacuBXImfNz_2RRVA9vsS9024ke:1WUr0zI8HaGYw7DJ_NPT6SrBwmA=:eyJzY29wZSI6ImUtaW52aXRhdGlvbiIsImRlYWRsaW5lIjoxNDQ1OTM2MTI1fQ==',
          //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
      // unique_names: true,
          // 默认 false，key为文件名。若开启该选项，SDK会为每个文件自动生成key（文件名）
      // save_key: true,
          // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK在前端将不对key进行任何处理
      domain: 'http://7xntg1.com1.z0.glb.clouddn.com/',
          //bucket 域名，下载资源时用到，**必需**
      container: 'container_wedding_video',           //上传区域DOM ID，默认是browser_button的父元素，
      max_file_size: '1024mb',           //最大文件体积限制
      flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
      max_retries: 3,                   //上传失败最大重试次数
      dragdrop: true,                   //开启可拖曳上传
      drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
      chunk_size: '4mb',                //分块上传时，每片的体积
      auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
      init: {
          'FilesAdded': function(up, files) {
              plupload.each(files, function(file) {
                if (wedding_video_num > 1) {
                    alert("此处只能上传一个视频！请重新上传");
                    wedding_video_num = 1;
                    $("#wedding_video").hide();
                    $("#wedding_video_loading").hide();
                    destroy();
                  }else if (file.type!="video/mp4") {
                    var name = file.name;
                    alert(name+"格式错误，请重新上传");
                    wedding_video_num = 1;
                    $("#wedding_video").hide();
                    $("#wedding_video_loading").hide();
                    destroy();
                  }else{
                    $("#wedding_video").show();
                    $("#wedding_video_loading").show();
                    wedding_video_num++;
                  }
                  // 文件添加进队列后,处理相关的事情
              });
          },
          'BeforeUpload': function(up, file) {
                    $("#wedding_video").show();
                    $("#wedding_video_loading").children(".prograss").html();
                    $("#wedding_video_loading").show();
                // $("#state_vedio").html('<img style="width:30px;display:none" class="head_state" src="/img/default.svg">');
                 // 每个文件上传前,处理相关的事情
          },
          'UploadProgress': function(up, file) {
            $("#wedding_video_loading").children(".prograss").html(file.percent+"%");
                 // 每个文件上传时,处理相关的事情
          },
          'FileUploaded': function(up, file, info) {

            wedding_video_num = 1;
            $("#wedding_video_loading").hide();
                 // 每个文件上传成功后,处理相关的事情
                 // 其中 info 是文件上传成功后，服务端返回的json，形式如
                 // {
                 //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                 //    "key": "gogopher.jpg"
                 //  }
                 // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
                 var domain = up.getOption('domain');
                 var res = JSON.parse(info);
                 var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                 $("#wedding_video1").attr("src",sourceLink);
                 model.wedding_video_dir = sourceLink;
          },
          'Error': function(up, err, errTip) {
                 //上传出错时,处理相关的事情
          },
          'UploadComplete': function() {
                 //  $("#video1").attr("src",model.video_dir);
                 // $("#video2").attr("src",model.video_dir);
                 //队列文件处理完毕后,处理相关的事情
          },
          'Key': function(up, file) {
              // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
              // 该配置必须要在 unique_names: false , save_key: false 时才生效
              //var key = "123";
              // do something with key here
             // return key
          }
      }
  });
  //音乐
  var audio_num = 1;
  var uploader_music = Qiniu.uploader({
      runtimes: 'html5,flash,html4',    //上传模式,依次退化
      browse_button: 'pickfiles_music',       //上传选择的点选按钮，**必需**
      uptoken: uptoken,
          //Ajax请求upToken的Url，**强烈建议设置**（服务端提供）
      //uptoken : 'nxlplb4aOL9emGacuBXImfNz_2RRVA9vsS9024ke:1WUr0zI8HaGYw7DJ_NPT6SrBwmA=:eyJzY29wZSI6ImUtaW52aXRhdGlvbiIsImRlYWRsaW5lIjoxNDQ1OTM2MTI1fQ==',
          //若未指定uptoken_url,则必须指定 uptoken ,uptoken由其他程序生成
      unique_names: false,
          // 默认 false，key为文件名。若开启该选项，SDK会为每个文件自动生成key（文件名）
      save_key: false,
          // 默认 false。若在服务端生成uptoken的上传策略中指定了 `sava_key`，则开启，SDK在前端将不对key进行任何处理
      domain: 'http://7xntg1.com1.z0.glb.clouddn.com/',
          //bucket 域名，下载资源时用到，**必需**
      container: 'container_music',           //上传区域DOM ID，默认是browser_button的父元素，
      max_file_size: '8mb',           //最大文件体积限制
      flash_swf_url: 'js/plupload/Moxie.swf',  //引入flash,相对路径
      max_retries: 3,                   //上传失败最大重试次数
      dragdrop: true,                   //开启可拖曳上传
      drop_element: 'container',        //拖曳上传区域元素的ID，拖曳文件或文件夹后可触发上传
      chunk_size: '4mb',                //分块上传时，每片的体积
      auto_start: true,                 //选择文件后自动上传，若关闭需要自己绑定事件触发上传
      init: {
          'FilesAdded': function(up, files) {
              plupload.each(files, function(file) {
                if (audio_num > 1) {
                    alert("此处只能上传一个音频！请重新上传");
                    audio_num = 1;
                    $("#loading_music").hide();
                    
                    console.log(audio_num);
                    stop();
                  }else if (file.type!="audio/mp3") {
                    var name = file.name;
                    alert(name+"格式错误，请重新上传");
                    audio_num = 1;
                    $("#loading_music").hide();
                    stop();
                  }else{
                    audio_num++;
                  }
                  // 文件添加进队列后,处理相关的事情
              });
          },
          'BeforeUpload': function(up, file) {
            $("#loading_music").children(".prograss").html();  
                $("#loading_music").show();
          },
          'UploadProgress': function(up, file) { 
          $("#loading_music").children(".prograss").html(file.percent+"%");       
                 // 每个文件上传时,处理相关的事情
          },
          'FileUploaded': function(up, file, info) {
            audio_num = 1;
                $("#load_music").text("上传成功!!!");
                $("#loading_music").hide();
                $("#load_music").show();
                 // 每个文件上传成功后,处理相关的事情
                 // 其中 info 是文件上传成功后，服务端返回的json，形式如
                 // {
                 //    "hash": "Fh8xVqod2MQ1mocfI4S4KpRL6D98",
                 //    "key": "gogopher.jpg"
                 //  }
                 // 参考http://developer.qiniu.com/docs/v6/api/overview/up/response/simple-response.html
                 var domain = up.getOption('domain');
                 var res = JSON.parse(info);
                 var sourceLink = domain + res.key; //获取上传成功后的文件的Url
                 $("#music_player").attr("src",sourceLink);
                 $("#selectMusic").val("0");
          },
          'Error': function(up, err, errTip) {
                 //上传出错时,处理相关的事情
          },
          'UploadComplete': function() {
                 //队列文件处理完毕后,处理相关的事情
          },
          'Key': function(up, file) {
              // 若想在前端对每个文件的key进行个性化处理，可以配置该函数
              // 该配置必须要在 unique_names: false , save_key: false 时才生效
              // var key = "1";
              // do something with key here
              // return key
          }
      }
  }); 
},3000);
  

// 编辑模板第一步：选择模板
model = new Object();
function step1(){
  model.model_id = $(".model-body-boxes.active").attr("model");
  $('#one2').click();
}

// 编辑模板第二步：信息验证
function step2(){
 if ($(".two input[type=text]").val() == '' || $("#wedding_date").val() =='') {
   alert('请将带*的信息填写完整！');
 }else{
   teb_edit(3);
 }
}

// 第三步
function step3(){
   teb_edit(4);
}
// 最后一步：提交
function submit(){

  model.model_id = $(".model-body-boxes.active").attr("model");

  model.boy_name = $("#boy_name").val();
  model.girl_name = $("#girl_name").val();
  model.wedding_time = $("#wedding_date").val()+"  "+$("#wedding_time").val();
  model.wedding_address = $("#wedding_address").val();
  model.map_dir = $("#wedding_address_y").val()+","+$("#wedding_address_x").val();

  model.traffic_way = $("#traffic_way").val();
  model.boy_birth = $("#boy_birth").val();
  model.girl_birth = $("#girl_birth").val();
  model.boy_tel = $("#boy_tel").val();
  model.girl_tel = $("#girl_tel").val();
  model.invit_letter = $("#invit_letter").val();
  model.thanks_letter = $("#thanks").val();

  model.head_dir = $("#head_pic").attr("src");
  var pictures = [];
  $(".img-boxes img").each(function(){
    pictures.push({"dir":$(this).attr("src")});
  })

  model.pictures = pictures;
  model.video_dir = $("#video1").attr("src");
  model.wedding_video_dir = $("#wedding_video1").attr("src");
  model.music_id = $("#selectMusic").val();
  model.music_dir = $("#music_player").attr("src");

  if ( model.boy_name == undefined||
       model.girl_name==undefined||
       model.wedding_time==undefined||
       model.wedding_address==undefined) {
    alert("请将带*的信息补充完整！");
    teb_edit(2);
  }else if(model.head_dir == undefined) {
    alert("请上传头像！");
    teb_edit(3);
  }else if(model.model_id == undefined){
    alert("请选择模板！");
    teb_edit(1);
  }else{
    console.log(model);
    var invitation_id;
    if ($("#container").attr("isDemo") == "false") {
      $.ajax({
        type: "PUT",
        url:'/api/v1/invitation/'+$("#container").attr("invitation"),
        data:model,
        success: function(data) {
            if (!data.error) {
              invitation_id = data.result;
              var xitie_url = 'http://chinalove99.net:83/invitation/'+invitation_id;
              var thanks_url = 'http://chinalove99.net:83/invitation/'+invitation_id+'/thanks';
              $(".qrcode_invitation").qcode({  
                  text : xitie_url,  
                  type : 'cn',  
                  width : 100,  
                  height : 100  
              });
              $(".qrcode_thanks").qcode({  
                  text : thanks_url,  
                  type : 'cn',  
                  width : 100,  
                  height : 100  
              });
              $('.qrcode_box').show();

              $('.box_close').click(function(){
                $(".qrcode_invitation").empty();
                $(".qrcode_thanks").empty();
                $('.qrcode_box').hide();
                location.href = '/invitation/list';
              });
            }else{
              alert(data.message);
            }
        },
        error: function(request) {
          alert(data.message);
        }
      });
    }else{
      $.ajax({
        type: "POST",
        url:'/api/v1/invitation',
        data:model,
        success: function(data) {
            if (!data.error) {
              invitation_id = data.result;
              var xitie_url = 'http://chinalove99.net:83/invitation/'+invitation_id;
              var thanks_url = 'http://chinalove99.net:83/invitation/'+invitation_id+'/thanks';
              $(".qrcode_invitation").qcode({  
                  text : xitie_url,  
                  type : 'cn',  
                  width : 100,  
                  height : 100  
              });
              $(".qrcode_thanks").qcode({  
                  text : thanks_url,  
                  type : 'cn',  
                  width : 100,  
                  height : 100  
              });
              $('.qrcode_box').show();
              $('.box_close').click(function(){
                $(".qrcode_invitation").empty();
                $(".qrcode_thanks").empty();
                $('.qrcode_box').hide();
                location.href = '/invitation/list';
              });
            }else{
              alert(data.message);
            }
        },
        error: function(request) {
          alert(data.message);
        }
      });
    }
    
  }
}